<template>
  <div>
    <button class="gs-button" :class="[
        size ? 'gs-button--'+ size : '',
        type ? 'gs-button--'+type : '',
        disabled ? 'gs-button--disabled':'',
        {'gs-button--light':light,'gs-button--circle':circle}
    ]" :size="size" style="margin:1px" :disabled="disabled"
    @click="click"><slot></slot></button>
  </div>
</template>
<script>
export default {
/**
 * @params size：大小
 * @params type: 颜色
 * @params light: 简约
 * @params circle: 圆形
 * @params disabled: 禁用
 */
  name: 'gsButton',
  props:{
    size:String,
    type:String,
    light:Boolean,
    circle:Boolean,
    disabled:Boolean
  },
  data(){
    return {
    }
  },
  methods:{
    click(){
    this.$emit("click",arguments)
    },
  },
}
</script>